<!DOCTYPE html>
<html lang="zh" class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./css/reset.css">
    <!-- CSS reset -->
    <link rel="stylesheet" href="./css/style.css">
    <!-- Gem style -->
    <script src="./js/modernizr.js"></script>
    <!-- Modernizr -->
    <link rel="stylesheet" href="./css/element-ui/index.css">

</head>

<body>
    <div class="bg-back"></div>
    <div style="z-index: 10;
    position: absolute;
    top: 0;
    left:calc(50% - 244px);
		" class="cd-user-modal is-visible">
        <!-- this is the entire modal form, including the background -->
        <div class="cd-user-modal-container">
            <ul class="cd-switcher">
                <li><a href="#0" class="hidden">账号密码登录</a>
                </li>
                <li><a href="#0" class="selected">二维码登录</a></li>
            </ul>
            <div id="cd-login" class="">
                <!-- log in form -->
                <form class="cd-form ">
                    <p class="fieldset">
                        <label class="image-replace cd-username" for="signup-username">账户名</label>
                        <input class="full-width has-padding has-border" id="signin-loginid" type="phone" placeholder="请输入账户名">
                        <span class="cd-error-message">账户名错误</span>
                    </p>
                    <p class="fieldset">
                        <label class="image-replace cd-password" for="signup-password">密码</label>
                        <input class="full-width has-padding has-border" id="signup-password" type="text" placeholder="请输入密码">
                        <span class="cd-error-message">格式错误!</span>
                    </p>
                    <p class="fieldset">
                        <input type="checkbox" id="remember-me">
                        <label for="remember-me">记住密码</label>
                    </p>
                    <p class="fieldset">
                        <input class="full-width" id="submitbtn" type="submit" value="登录">
                    </p>
                </form>
            </div>
            <!-- cd-login -->
            <div id="cd-signup" class="is-selected">
                <!-- sign up form -->
                <img id="loginqr" src="" />
                <!-- <a href="#0" class="cd-close-form">Close</a> -->
                <div class="success" id="scanmsg">
                    <p>打开“新点移动办公”，扫一扫登录</p>
                </div>
                <div class="success hidden" id="scansuccess">
                    <p>请在手机上确认登录</p>
                </div>
                <div class="hidden" id="scantimeout">
                    <p class="red">二维码失效</p>
                    <a href="" style="font-weight: bold;">刷新</a>
                </div>
            </div>
            <!-- cd-signup -->
        </div>
        <!-- <script src="https://unpkg.com/vue/dist/vue.js"></script> -->
        <!-- <script src="https://unpkg.com/element-ui/lib/index.js"></script> -->
        <!-- cd-user-modal-container -->
        <!-- <script src="./js/jquery-1.11.0.min.js"></script> -->
        <!-- <script src="./js/main.js"></script> -->
        <script src="./js/login.js"></script>
        <!-- Gem jQuery -->

</body>

</html>
